@charset "utf-8";
$fontsize:40;
@function r($px) {
    @return $px/$fontsize * 1rem;
}

.web {
    .photo_big1 {
        width: 100%;
        height: r(100);
        background: #1d1d1d;
        .LOGO_f1 {
            a {
                img {
                    width: r(35);
                    height: r(26);
                    margin-top: r(35);
                    margin-left: r(30);
                }
            }
        }
        .LOGO_f2 {
            a {
                img {
                    width: r(38);
                    height: r(35);
                    margin-top: r(30);
                    margin-right: r(41);
                }
            }
        }
        .LOGO_f3 {
            a {
                img {
                    width: r(65);
                    height: r(77);
                    margin-left: r(267);
                    margin-top: r(10);
                }
            }
        }
    }
    .calender {
        width: 100%;
        background: #000000;
        position: absolute;
        top: r(100);
        bottom: 0;
        .u1 {
            font-size: r(18);
            color: #FFFFFF;
            text-align: center;
//          border-bottom: r(1) solid #d8d8d8;
            .l1 {
                margin-top: r(90);
                color: #5c5959;
            }
            .l2 {
                font-size: r(50);
                margin-top: r(30);
            }
            .l3 {
                margin-top: r(40);
                span{
                    padding-left:r(40) ;
                }
            }
            .l4 {
                margin-top: r(120);
                a {
                    color: #FFFFFF;
                    display: inline-block;
                    span {
                        display: block;
                        width: r(18);
                        height: r(18);
                        border-radius: 50%;
                        background: #3fc299;
                        float: left;
                        margin-right: r(20);
                    }
                }
            }
            .l5 {
                margin-top: r(50);
                a {
                    display: inline-block;
                    span {
                        display: block;
                        width: r(18);
                        height: r(18);
                        border-radius: 50%;
                        background: #009fe8;
                        float: left;
                        margin-right: r(20);
                    }
                    color: #FFFFFF;
                }
            }
        }
        .u2 {
            width: r(750);
            height: r(670);
            background: url(../../img/img2/calendar.png) no-repeat;
            background-size: r(750) r(660);
            border: 0;
            margin-top: r(60);
            li {
                p {
                    width: r(670);
                    height: r(92);
                    font-size: r(18);
                    color: #FFFFFF;
                    margin: 0 auto;
                    border-bottom: r(1) solid #c1bfbf;
                    line-height: r(92);
                }
            }
            
            .l1 {
                
                p {
                    width: r(670);
                    border: 0;
                    span {
                        padding-left: r(40); 
                    }
                }
            }
        }
    }
}